body {
    background-color: var(--themeColor);
}

.main {
    margin-top: .88rem;

    .top {
        padding: .99rem 0;

        .desc {
            font-size: .24rem;
            color: var(--c9);
        }

        .amount {
            font-weight: bold;
            font-size: .54rem;
            color: var(--dcl);
            padding: .23rem 0;
        }

        .front:before {
            content: '￥';
            font-weight: bold;
            font-size: .32rem;
            color: var(--dcl);
        }
    }

    .pay {
        background-color: var(--ff);
        padding: 0 .3rem;
        border-radius: .20rem;
        margin: .3rem;

        .pay-item {
            border-bottom: 1px solid var(--ee);
            padding: .3rem 0;

            .pay-name {
                .pay-icon {
                    width: .42rem;
                    height: .42rem;
                }

                .title {
                    font-size: var(--default-font-size-28);
                    color: var(--dcl);
                    margin-left: .19rem;
                }
            }

            .pay-check {
                width: .38rem;
                height: .38rem;
            }
        }

        .pay-item:last-child {
            border-bottom: none;
        }

    }
}